<template>
  <div>
    <TopBack textContent="确认订单"></TopBack>

    <div class="exBox">
      <div class="jsTopBox flex">
        <div class="jsTop1BoxTopBorder"></div>
        <div class="jsTop1Box flex">
          <img src="../../../../assets/zfc-img/购物车/添加.png" alt="" />
          <span>添加收货地址</span>
        </div>
        <div class="jsTop1BoxBtmBorder"></div>
      </div>
    </div>

    <FoorX></FoorX>
  </div>
</template>

<script>
import TopBack from "../TopNav/TopBack";
import FoorX from "../../gj/FoorX";
export default {
  name: "Gwc",
  components: {
    TopBack,
    FoorX,
  },
};
</script>

<style scoped>
* {
  font-size: 0;
}
.exBox {
  width: 100%;
  background-color: #fff;
  position: relative;
  z-index: 999;
}
.flex {
  display: flex;
  justify-content: center;
  align-items: center;
}
.spMsBox {
  margin: 0 0.2rem;
}
.f30c3 {
  font-size: 0.3rem;
  color: #333333;
}
.f30c4c {
  font-size: 0.3rem;
  color: #4c4c4c;
}
.hf30 {
  height: 0.3rem;
  line-height: 0.3rem;
}
.f24c4c {
  font-size: 0.24rem;
  color: #4c4c4c;
}
.b-b-1 {
  border-bottom: 0.01rem solid #cccccc;
}
</style>

<style scoped>
.jsTopBox {
  height: 1.2rem;
  padding: 0.2rem 0;
  background-color: #f2f2f2;
  flex-direction: column;
}
.jsTop1BoxTopBorder,
.jsTop1BoxBtmBorder {
  width: 100%;
  height: 0.1rem;
  background: url("../../../../assets/zfc-img/购物车/间隔条图标.png") 0 0/100% 100%
    no-repeat;
}
.jsTop1Box {
  height: 1rem;
  padding: 0 0.2rem;
  background-color: #fff;
  justify-content: flex-start;
}
.jsTop1Box img {
  margin-right: 0.25rem;
}
</style>
